2018 iT 邦幫忙鐵人賽

0

自我挑戰組

Vuex 學習筆記系列第 18 篇

[Vue.js] Vuex 學習筆記 (18) - 開發工具 Vue.js devtools

2018鐵人賽 vuex vue tools

2018-01-17 17:41:03

11443 瀏覽

分享至

Vue.js devtools

Vue.js devtools 是一個在開發時很實用的 Chrome 套件，我們可以在裡面檢查組件的資料，也可以查看 Vuex 的事件與資料變化。

preview

安裝

使用方式也很簡單，我們使用 Chrome 開啟下面鏈接後安裝完即可使用
下載位置

在 Vuex 中使用

我們可以開啟 Chrome 的 Developer Tools 之後就可以在最上面的選單列看到 Vue 這個欄位，點擊後就可以使用了。

Component 中我們可以查看組件的參數在操作中的變化，省去使用 console 的時間。
Vuex 中的功能更是強大，每一個 mutation 呼叫時都會被記錄在其中，而點選其中的 mutation 時，還會顯示當下的數據，所以當要查看資料的變化時，是一個非常實用的功能。

demo

[Vue.js] Vuex 學習筆記 (17) - 帳號登入 pluging

[Vue.js] Vuex 學習筆記 (19) - 實用插件 plugin

系列文

Vuex 學習筆記共 20 篇

目錄

RSS系列文訂閱系列文

41 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙